<template>
  <div
    :class="[
      unit_border,
      css_border_top_6,
      css_wind_light_hover,
      css_content_padding,
      css_child_margin_top,
    ]"
  >
    <unit_title></unit_title>

    <unit_func :class="[css_disnone]"></unit_func>

    <unit_content></unit_content>
  </div>
</template>

<script setup lang="ts">
import { onMounted } from 'vue';

import unit_title from './uni_comps/unit_title/unit_title.vue';

import unit_func from './uni_comps/unit_func/unit_func.vue';

import unit_content from './uni_comps/unit_content/unit_content.vue';

import './unit.css';
import { init_unit } from './unit';
import { unit_border } from './DataDefine/sourceData';
import {
  css_border_top_6,
  css_child_margin_top,
  css_content_padding,
  css_disnone,
  css_wind_light_hover,
} from '../global_comps/Css';

let cur_unit_props = defineProps({});

onMounted(() => {
  init_unit();
});
</script>
